Skip to content

Conversation

@hannesrudolph
Copy link
Collaborator

@hannesrudolph hannesrudolph commented Apr 18, 2025

UI Enhancements: Welcome Screen and History Preview

Overview

This PR improves the UI/UX of the welcome screen and history preview components, implementing a more polished design with better user control and information hierarchy.

Clipboard-20250418-222118-770.mp4

Changes

History Preview Component

  • Added ability to minimize/maximize recent tasks section
  • Implemented persistent state using localStorage and VSCode messaging
  • Redesigned task cards with cleaner styling and borders
  • Simplified token display format for better readability
  • Added dedicated "View all history" button at the bottom
  • Improved responsive layout and spacing

Welcome Screen (RooHero)

  • Completely redesigned with more professional appearance
  • Added links to documentation
  • Added feature highlights for Boomerang Tasks and Sticky Models
  • Improved typography and visual hierarchy
  • Enhanced layout with better spacing and alignment

Component Order

  • Reordered components in ChatView to place history above the welcome screen
  • Added height control to ensure proper spacing in the welcome view

Technical Implementation

  • Used React useState and useEffect hooks for state management
  • Added localStorage persistence with fallback error handling
  • Implemented VSCode messaging for cross-session state persistence
  • Enhanced component styling using Tailwind CSS classes

This PR focuses purely on UI improvements without changing core functionality, providing users with a more intuitive and visually appealing experience.

@changeset-bot
Copy link

changeset-bot bot commented Apr 18, 2025

⚠️ No Changeset found

Latest commit: 4b52fa1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@hannesrudolph hannesrudolph moved this from New to PR [Pre Approval Review] in Roo Code Roadmap Apr 22, 2025
@mrubens mrubens closed this Apr 30, 2025
@github-project-automation github-project-automation bot moved this from PR [Pre Approval Review] to Done in Roo Code Roadmap Apr 30, 2025
SmartManoj pushed a commit to SmartManoj/Raa-Code that referenced this pull request May 6, 2025
…c#2775)

* Add Sentry package

* Setup Logger to use Error Service

* Enhance traceability and message information
@hannesrudolph hannesrudolph deleted the welcome-screen-ui branch May 12, 2025 15:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants